/**
 *@auther: tang
 *@Date: 2020-11-17
 *Project: group-booking-shop-manage-system
 */
import React, { useState, useEffect } from 'react';
import { Bar } from '@ant-design/charts';
class ChartTwo extends React.Component{

    render() {
        let data = [
            {
                action: '完成交易',
                pv: 8500,
            },
            {
                action: '支付订单',
                pv: 15000,
            },
            {
                action: '生成订单',
                pv: 25000,
            },
            {
                action: '放入购物车',
                pv: 35000,
            },
            {
                action: '浏览网站',
                pv: 50000,
            },
        ];
        let config = {
            title:{text:"用户状态分析"},
            data: data,
            xField: 'pv',
            yField: 'action',
            conversionTag: {},
        };
        return <div>
            <h3>用户在平台的状态统计</h3>
            <Bar {...config} />
        </div>
    }


};
export default ChartTwo;
